body{
    background: url("../images/back.png");
    width: 100%;
    height: 100%;
    margin: 0px;
}
.web_top{
    width: 100%;
    margin: 0 auto;
    background: url("../images/back_top.png") no-repeat center;
    height: 127px;
    overflow: hidden;
    text-align: center;
    background-size: 100% 100%;
}
.web_top h2{
    /*color: #adb1b9;*/
    background: linear-gradient(to top, #9e9e9e, #f6f6f6);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 30px;
    line-height: 50px;
}
.web_content {
    width: 100%;
    height: 612px;
    padding: 10px 30px 15px 30px;
    /*background: red;*/
    box-sizing: border-box;
}
.web_content_left{
    /*background: red;*/
    height: 300px;
    width: 100%;
    margin-top: 10px;
}
/*.web_content_left a{
    display: block;
    width: 100%;
    height: 30px;
    background: url("../images/title_back.png")no-repeat 10px;
    padding-left: 30px;
    box-sizing: border-box;
    line-height: 30px;
    color: #0efcff;
    font-size: 18px;
}*/
.a_back{
    display: block;
    width: 100%;
    height: 30px;
    background: url("../images/title_back.png")no-repeat 0px;
    padding-left: 20px;
    box-sizing: border-box;
    line-height: 30px;
    color: #0efcff;
    font-size: 18px;

}
.left{
    width: 30%;
    float: left;
}
.clear_box:after{
    content: "";
    display: block;
    clear: both;
}
.web_count{
    margin-bottom: 10px;
    width: 100%;
    height: 200px;
    /*background: red;*/
    padding: 10px 30px 15px 30px;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 10px;
}
.div{
    background: url("../images/back_back.png")no-repeat;
    background-size: 100% 100%;
}
.content a{
    color:#0efcff;
    font-size: 20px;
    padding-top: 20px;
    display: block;
    margin-bottom: 20px;
}
.content{
    text-align: center;
    width: 40%;
    height: 500px;
    /*background: red;*/
    float: left;
    padding: 10px  10px 20px 10px;
    box-sizing: border-box;
}
.right{
    width: 30%;
    float: left;
}
.right_top{
    width: 100%;
    height: 300px;
   /* background: red;*/
    margin-top: 10px;
    margin-bottom: 10px;
}
.right_bottom{
    height: 210px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.bottom{
    padding: 0px 25px;
}
.bottom_left_box{
    width: 50%;
    float: left;
}
.bottom_left{
    margin-top: 10px;
}
.bottom_cont_box{
    float: left;
    width: 20%;
    padding: 0px 10px;
    box-sizing: border-box;
}
.bottom_cont{
    margin-top:10px;
}
.bottom_right_box{
    float: left;
    width: 30%;
}
.bottom_right{
    width: 100%;
    height: 270px;
    margin-top: 10px;
    padding-top: 10px;
    box-sizing: border-box;
}
.bottom_right_top{

}
.bottom_right_top a{
    color: #6f7480;
    font-weight: bold;
    display: block;
    float: left;
    text-align: center;

}
.a_one{
    width: 10%;
}
.a_two{
    width: 20%;
}
.a_three{
    width: 30%;
}
.a_four{
    width: 40%;
}
.bottom_right_bottom{

}
.bottom_right_bottom ul{
    padding: 0px;
    margin: 0px;

}
.bottom_right_bottom ul li a{
    color: #FFF;
    display: block;
    float: left;
    text-align: center;
    display:block;
    line-height: 40px;
    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;
}
.bottom_right_bottom ul li{
    list-style: none;
    height: 40px;
}
.bottom_right_bottom ul li:hover{
    cursor: pointer;
    background: #102243;
}
.bottom_right_bottom ul li:hover a{
    color: #54bac3!important;
}
